<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>变化趋势 - 管体缺陷仪表板 - 管体缺陷</title>
    <script type="text/javascript" src="${resourcePath}/js/html2canvas.js" ></script>
    <script type="text/javascript" src="${resourcePath}/js/comm/comUtil.js" ></script>

    <script type="text/javascript" src="${resourcePath}/js/rgbcolor.js" ></script>
    <script type="text/javascript" src="${resourcePath}/js/StackBlur.js" ></script>
    <script type="text/javascript" src="${resourcePath}/js/canvg.js" ></script>


    <script src="${resourcePath}/tags/reportforms/d3/d3.js" charset="utf-8"></script>
    <script type="text/javascript" src="${resourcePath}/tags/reportforms/d3/d3Chart.js?v=1"></script>
    <script type="text/javascript" src="${resourcePath}/tags/reportforms/d3/heapBar.js"></script>
    <link rel="stylesheet" href="${resourcePath}/tags/reportforms/d3/chars.css">
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/pbf/flawStat.js"></script>
    <script type="text/javascript">
        var _path="${pageContext.request.contextPath}";
        var type="trend";
        window.isbh = "_";//修改了echarts 源代码
    </script>
</head>
<body>
    <!-- content-body -->
    <div class="main-inner">
        <div class="xyf-toggle-form-div">
            <span><i class="zy-qushi-icon"></i>变化趋势</span>查询条件<i class="xyf-toggle-form-icon"></i>
        </div>
        <div class="content-inner">
            <div class="zy-pick-line">
                <div class="zy-form-line">
                    <div class="zy-input-group w-30">
                        <div class="zy-input-meta"><i class="zy-requird-icon"></i>管道名称</div>
                        <div class="zy-select-inner">
                            <blockquote id="JQ_pipeline" class="bk-select"></blockquote>
                        </div>
                    </div>
                    <div class="zy-sp"></div>
                    <div class="zy-input-group w-30">
                        <div class="zy-input-meta">管段名称</div>
                        <div class="zy-select-inner">
                            <blockquote id="JQ_segment" class="bk-select"></blockquote>
                        </div>
                    </div>
                    <div class="zy-sp"></div>
                    <div class="zy-input-group w-15">
                        <div class="zy-input-meta">起点位置</div>
                        <div class="zy-select-inner">
                            <blockquote id="JQ_begin" class="bk-select"></blockquote>
                        </div>
                    </div>
                    <div class="zy-sp"></div>
                    <div class="zy-input-group w-15">
                        <div class="zy-input-meta">终点位置</div>
                        <div class="zy-select-inner">
                            <blockquote id="JQ_end" class="bk-select"></blockquote>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="zy-form-line">
                    <button id="JQ_search_btn_01" class="zy-button zy-search" type="button"><i class="zy-search-icon"></i>查询</button>&nbsp;&nbsp;&nbsp;&nbsp;
                    <button id="JQ_export_btn_01" class="zy-button zy-export exportTrendPdf" type="button"><i class="zy-export-icon"></i>导出</button>
                </div>
            </div>
            <div class="zy-table">
                <div class="zy-statictable">
                    <div class="thead">
                        <span style="width: 20%">缺陷类型</span>
                        <span style="width: 20%"><span id="JQ_test_date_01">检测时间1</span></span>
                        <span style="width: 20%"><span id="JQ_test_date_02">检测时间2</span></span>
                        <span style="width: 20%">增长数量</span>
                        <span style="width: 20%">增长比例</span>
                    </div>
                    <div id="JQ_trend_table_01" class="tbody">
                        <p>
                            <span style="width: 20%">内部金属损失</span>
                            <span style="width: 20%">-</span>
                            <span style="width: 20%">-</span>
                            <span style="width: 20%">-</span>
                            <span style="width: 20%">-</span>
                        </p>
                        <p>
                            <span style="width: 20%">外部金属损失</span>
                            <span style="width: 20%">-</span>
                            <span style="width: 20%">-</span>
                            <span style="width: 20%">-</span>
                            <span style="width: 20%">-</span>
                        </p>
                        <p>
                            <span style="width: 20%">凹陷</span>
                            <span style="width: 20%">-</span>
                            <span style="width: 20%">-</span>
                            <span style="width: 20%">-</span>
                            <span style="width: 20%">-</span>
                        </p>
                        <p>
                            <span style="width: 20%">环焊缝异常</span>
                            <span style="width: 20%">-</span>
                            <span style="width: 20%">-</span>
                            <span style="width: 20%">-</span>
                            <span style="width: 20%">-</span>
                        </p>
                        <p>
                            <span style="width: 20%">螺旋焊缝异常</span>
                            <span style="width: 20%">-</span>
                            <span style="width: 20%">-</span>
                            <span style="width: 20%">-</span>
                            <span style="width: 20%">-</span>
                        </p>
                    </div>
                </div>
            </div>
            <div id="JQ_trend_charts" class="zy-table">
                <div class="zy-charts-tabbox">
                    <div class="zy-charts-tabs">
                        <ul>
                            <li class="active">外部金属损失</li>
                            <li>内部金属损失</li>
                            <li>凹陷</li>
                            <li>环焊缝异常</li>
                            <li>螺旋焊缝异常</li>
                        </ul>
                    </div>
                    <div class="zy-charts-box" style="border: none; height: 350px;">
                        <div class="zy-defect-text wbjs" style="display:none" ></div>
                        <div class="zy-defect-text nbjs" style="display:none" ></div>
                        <div class="zy-defect-text ax" style="display:none" ></div>
                        <div class="zy-defect-text hf" style="display:none" ></div>
                        <div class="zy-defect-text lxhf" style="display:none" ></div>
                        <div class="zy-charts-head zy-charts-info">
                            <p class="f16 fwb">缺陷变化趋势</p>
                            <p class="c-78">
                                <span class="l">柱状图(数量)</span>
                            <span class="r" id="noInspBarTap">
                                <i class="zy-c-i-08"></i>第一次&nbsp;&nbsp;
                                <i class="zy-c-i-11"></i>第二次
                            </span>
                            </p>
                            <div class="clear"></div>
                        </div>
                        <div class="zy-charts-bodys">

                            <div id="wbjs" class="active zy-charts-body"><img src="${pageContext.request.contextPath}/static/img/chart_no_data.png"></div>
                            <div id="nbjs" class="hidden zy-charts-body"><img src="${pageContext.request.contextPath}/static/img/chart_no_data.png"></div>
                            <div id="ax" class="hidden zy-charts-body"><img src="${pageContext.request.contextPath}/static/img/chart_no_data.png"></div>
                            <div id="hf" class="hidden zy-charts-body"><img src="${pageContext.request.contextPath}/static/img/chart_no_data.png"></div>
                            <div id="lxhf" class="hidden zy-charts-body"><img src="${pageContext.request.contextPath}/static/img/chart_no_data.png"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="zy-charts-float-msg">显示字符</div>
    <!-- ui -->
    <script src="${pageContext.request.contextPath}/static/js/ui/ui-main.js"></script>
    <!-- base -->
    <script src="${pageContext.request.contextPath}/static/js/controller/base/base.controller.js"></script>
    <!-- api -->
    <script src="${pageContext.request.contextPath}/static/js/controller/api/defect.api.js"></script>
    <!-- controller -->
    <script src="${pageContext.request.contextPath}/static/js/controller/defect/dashboard/changeTrend.controller.js"></script>
    <script src="${resourcePath}/tags/reportforms/build/dist/echarts.js"></script>
    <script src="${resourcePath}/tags/reportforms/JS/picECharts.js"></script>
</body>
</html>
